Bootstrap (framework)

Bootstrap – otwarto‑źródłowy framework do tworzenia responsywnych interfejsów internetowych, oparty na HTML, CSS oraz JavaScript. Zapewnia gotowe komponenty UI, system siatki (grid), a także zestaw narzędzi ułatwiających projektowanie i implementację nowoczesnych stron i aplikacji webowych.

Historia

Projekt powstał w 2011 roku w ramach zespołu Twitter. Początkowo nazwany Twitter Blueprint, został opracowany przez Marka Otto i Jacoba Thorntona jako wewnętrzne narzędzie do standaryzacji wyglądu serwisów Twittera.

W sierpniu 2011 roku kod został udostępniony publicznie na platformie GitHub pod licencją MIT. Od tego czasu framework jest rozwijany przez społeczność open‑source i regularnie wydaje nowe wersje.

Architektura i główne elementy

System siatki (grid)

Bootstrap wprowadza responsywny system siatki oparty na 12‑kolumnowym układzie, który umożliwia definiowanie szerokości elementów w zależności od rozmiaru ekranu (Responsive Web Design). Klasy takie jak .col‑sm‑6, .col‑md‑4 czy .col‑lg‑3 kontrolują zachowanie kolumn w różnych punktach przerwania.

Komponenty UI

Framework udostępnia szeroką gamę gotowych komponentów, m.in.:

nawigacja – .navbar, .nav, .breadcrumb
formy – .form-control, .input-group
przyciski – .btn, .btn-primary
karty i panele – .card, .modal
tabele – .table
alistowanie – .list-group
system powiadomień – .alert, .toast
narzędzia JavaScript – modal, tooltip, popover, carousel

Preprocesory CSS

Początkowo Bootstrap był napisany w Less, a od wersji 4 przełączono się na Sass, co ułatwia dostosowywanie zmiennych i tworzenie własnych motywów.

Instalacja i użycie

Bootstrap można dodać do projektu na kilka sposobów:

Za pośrednictwem CDN – wstawiając linki do plików bootstrap.min.css i bootstrap.bundle.min.js w sekcji <head> i przed zamknięciem <body>.
Poprzez menedżer pakietów npm lub Yarn – npm install bootstrap.
Kompletny szkielet pobrany z GitHub i budowany przy użyciu narzędzi Webpack lub Gulp.

W wersjach od 5.x framework nie wymaga już zależności od jQuery, co upraszcza integrację z nowoczesnymi aplikacjami SPA.

Licencja

Bootstrap jest udostępniany na licencji MIT, co oznacza, że można go wykorzystywać zarówno w projektach komercyjnych, jak i niekomercyjnych bez żadnych opłat licencyjnych.

Wpływ i ekosystem

Bootstrap stał się jednym z najpopularniejszych frameworków UI na świecie, wyznaczając standardy w dziedzinie responsywnego projektowania. Jego popularność przyczyniła się do powstania licznych motywów, szablonów i wtyczek dostępnych w społecznościach takich jak ThemeForest czy Bootstrap Italia. Wpłynął także na rozwój innych narzędzi, np. Foundation czy Bulma.